<template>
  <div class="home">
    <button @click="sendGet()">发送get请求</button>
    <button @click="sendPost()">发送post请求</button>
  </div>
</template>

<script>

export default {
  data() {
    return {
      user:{

      }
    }
  },
  methods: {
    sendPost() {
      //
      // const user = {
      //   name: "xm",
      //   age: 12,
      //   email: "123@",
      //   sex: 1,
      //   birthday: "2023-10-05 14:48:32"
      // }

      //例子1：
      this.$axios.post('http://localhost:8099/form/userValue2Json',this.user)
          .then(function (response) {
            console.log(response.data);
          })
          .catch(function (error) {
            console.log(error);
          });

      //例子2：
      // this.$axios({
      //   method: "post",
      //   url: "http://localhost:8099/form/userValue2Json",
      //   data: this.user
      // }).then(res=>{
      //   console.log(res.data);
      // })


    },
    sendGet() {


      // this.$axios.get('http://localhost:8099/form/mutiParams',
      //     {
      //       params:{
      //         "userName":"xm",
      //         "password":"123"
      //       }
      //     }
      // )

      // const options = ;

      this.$axios.request({
            method: 'GET',
            url: 'http://localhost:8099/form/mutiParams',
            params: {
              userName: 'xm',
              password: 'xm'
            },
          }
      ).then(function (response) {
        console.log(response.data);
      }).catch(function (error) {
        console.error(error);
      });
    }
  }
}
</script>
